<template>
	<div id="nav">
		<el-container>
			<el-main>
				<el-row>
					<el-col :span="12">
						<img class="logo" :src="pic" alt="">
					</el-col>
					<el-col :span="12">
						<div class="list">
							<router-link to="/">首页</router-link>
							<router-link to="/list">编程</router-link>
							<router-link to="/page">关于</router-link>
						</div>
					</el-col>
				</el-row>
			</el-main>
		</el-container>
	</div>
</template>

<script>
	export default {
data() {
	return {
		"pic": require("../assets/home/logo.png")
		
	}
}
	}
</script>

<style scoped>
	#nav {
		background-color: #fff;
	}
	#nav .el-main{
		padding: 0 20px;
	}
	.logo{
		height: 70px;
	}
	.list{
		float: right;
	}
	.list a{
		display: inline-block;
		padding: 20px;
		color: #000;
		text-decoration: none;
	}
	.list a.router-link-exact-active {
		color: #42B983;
		border-bottom: 2px solid #42B983;
	}
</style>
